<template>
	<nav-bar>
		<!-- <template v-slot="left">仪表盘111</template> -->
		<!-- <template v-slot:default>username</template> -->
	</nav-bar>
	<div  class="nav-box">
		<div class="padding-box">
			<h4>标题</h4><hr>
			<div class="text-1">创建比赛</div>
		</div>
		<div class="bottom-box">
			<p>@2386622026.com</p>
		</div>
	</div>
</template>

<script>
	import NavBar from "../../components/common/navbar/NavBar.vue"
	export default {
		name:"chuangjinabisai",
		components:{
			NavBar
		}
	}
</script>

<style>
	
	.router-view1{
		width: 56%;
		height: 680px;
		background-color: rgb(236,236,236);
	}
	.padding-box{
		width: 94%;
		height: 300px;
		margin: auto;
		background-color: white;
		margin-top: 80px;
		border-radius: 5px;
	}
	.padding-box h4{
		text-align: center;
		line-height: 10px;
		padding-top: 20px;
	}
	.bottom-box{
		text-align: center;
		width: 100%;
		height: 80px;
		line-height: 80px;
		margin-top: 230px;
		color: gray;
	}
	.text-1{
		text-align: center;
	}
</style>
